<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Test2</title>
  <style>
    .banner {
        height: 500px;
        background-image: url(./image/6.jpg);
        background-repeat: no-repeat;
        background-size: cover;

        /**
          继承
         */
        text-align: right;
    }
    .banner h2 {
        font-size: 30px;
        color: #333333;
        height: 100px;
        line-height: 100px;
    }
    .banner p {
        font-size: 20px;
        color: #333333;
    }
    .banner a {
        display: inline-block;
        width: 125px;
        height: 40px;
        font-size: 20px;
        line-height: 40px;
        color: #ffffff;
        background-color: #ff00d9;
        text-align: center;
        text-decoration: none;
    }
  </style>
</head>
<body>
<div class="banner">
  <h2>让创造产生价值</h2>
  <p>我们希望小游戏平台可以提供无限的可能性，让每一个创作者都可以将他们的才华和创意传递给用户。</p>
  <a href="#">我要报名</a>
</div>
</body>
</html>


